/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.component-css-vars-grid() {
  /*font-family/table color*/
  --ti-grid-font-family: Helvetica, Arial, 'Microsoft YaHei', sans-serif;
  --ti-grid-text-color: var(--ti-base-color-info-normal);
  --ti-grid-light-color: var(--ti-base-color-light);
  --ti-grid-error-color: var(--ti-base-color-bg-3);
  --ti-grid-error-bg-color: var(--ti-base-color-error-bg);
  --ti-grid-success-color: var(--ti-base-color-success-normal);
  --ti-grid-warning-color: var(--ti-base-color-warning-normal);
  --ti-grid-disabled-color: var(--ti-base-color-bg-1);
  --ti-grid-normal-text-color: var(--ti-base-color-placeholder);
  --ti-grid-font-size: var(--ti-common-font-size-base);
  --ti-grid-border-color: var(--ti-common-color-line-dividing);
  --ti-grid-border-radius: var(--ti-common-border-radius-normal);
  --ti-grid-header-background-color: var(--ti-common-color-bg-white-emphasize);

  /*primary color*/
  --ti-grid-primary-color: var(--ti-base-color-brand);
  --ti-grid-primary-hover-color: var(--ti-base-color-brand-3);
  --ti-grid-primary-active-color: var(--ti-base-color-primary-active);
  --ti-grid-primary-disabled-text-color: #b1b1b1;

  /* height */
  --ti-grid-header-column-height: var(--ti-base-size-height-small);
  --ti-grid-medium-column-height: 52px;
  --ti-grid-default-column-height: 42px;
  --ti-grid-small-column-height: 40px;
  --ti-grid-mini-column-height: 30px;
  --ti-grid-custom-head-height: 40px;
  --ti-grid-custom-body-list-height: var(--ti-base-size-height-small);
  --ti-grid-icon-fill-hover-bg-color: #fff;

  /*input/radio/checkbox color*/
  --ti-grid-input-disabled-bg-color: #f5f5f5;

  /*popup*/
  --ti-grid-popup-border-color: #ebeef5;

  /*table row*/
  --ti-grid-row-odd-background-color: #fff;
  --ti-grid-row-striped-background-color: #fafafa;
  --ti-grid-row-hover-background-color: var(--ti-base-color-hover-background);

  /*table column*/
  --ti-grid-column-hover-background-color: #d7effb;
  --ti-grid-column-current-background-color: var(--ti-base-color-hover-background);
  --ti-grid-column-icon-border-color: var(--ti-base-color-common-4);

  /*table checked*/
  --ti-grid-column-checked-border-width: 2px;
  --ti-grid-column-checked-border-color: #d4d4d4;

  /*loading*/
  --ti-grid-loading-background-color: rgba(0, 0, 0, 0.2);

  /*tooltip*/
  --ti-grid-tooltip-dark-background-color: #303133;
  --ti-grid-tooltip-light-background-color: var(--ti-base-color-light);

  /*modal*/
  --ti-grid-modal-loading-text-color: #78b1eb;
  --ti-grid-modal-alert-font-size: 22px;
  --ti-grid-modal-header-font-size: var(--ti-common-font-size-1);
  --ti-grid-modal-small-btn-font-size: var(--ti-common-font-size-2);
  --ti-grid-modal-box-background-color: var(--ti-base-color-light);
  --ti-grid-modal-box-border-color: #ebeef5;
  --ti-grid-modal-btn-text-color: #c4c4c4;
  --ti-grid-modal-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  --ti-grid-modal-border-color: rgba(0, 0, 0, 0.2);

  --ti-table-td-padding-vertical: 2px;
  --ti-table-td-padding-horizontal: 8px;
  --ti-table-th-spacing-line-text-color: var(--ti-common-color-text-white);
  --ti-grid-header-icon-font-size: var(--ti-common-font-size-2);
  --ti-table-nodata-td-bg-img-url: url('');
}
